
#wrapper {
    min-width: 600px;
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
    height: 150px;
    background: url("../images/line_header.jpg");
}
.logo {position: relative; top: 20px; right: 2px; display: inline-block; vertical-align: middle; height: 100px;}
.legend {position: relative; top: 20px; display: inline-block; vertical-align: middle; height: 61px; padding-top: 35px;
    padding-left: 24px; font-size: 16px; color: #222; text-shadow: 0 1px 0 #b9b9b9; padding-right: 10px; cursor: default;}
.menu {display: block; position: absolute; top: 55px; float: right; right: 20px; width: 425px;}
.hunt a {display: inline-block; padding: 1px 20px 3px; width: 90px; border: 1px solid #555;
    border-radius: 3px; text-align: center; color: #444; margin-right: 6px; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.hunt a:hover { border: 1px solid #000; color: #111; text-decoration: underline; background: rgba(163,0,163, 0.2); box-shadow: inset 0 1px 1px 0 #555, 0 1px 0 #e2e2e2;}
.hunt > a.active {border: 1px solid #fff; color: #fff;}
/* Middle
-----------------------------------------------------------------------------*/
#content {
    padding: 0 0 100px;
}




/* Footer
-----------------------------------------------------------------------------*/
#footer {
    margin: -20px auto 0;
    min-width: 600px;
    width: 100%;
    height: 20px;
    position: relative;
}
.phone_footer {float: left; color: #777; position: absolute; left: 10px;}
.phone_footer a {color: #999;}
.phone_footer a:hover {color: #222; text-decoration: underline;}